<template>
	<button id="test" @click="aaa">dianwo</button>
	<div class="music_display_body">
		<div class="test" id="test_0">hhh</div>
		<div class="test1">hhh</div>
	</div>
	<!-- <extensions></extensions> -->
	<extension componentUrl='ntk/signIn.vue'></extension>
</template>

<script setup>
import extension from '../extensions/extension/extension.vue';
// import extensions from '../extensions/extensions.vue';
function aaa() {
	console.log('哈哈哈');
	let te0El = document.getElementById('test_0');
	console.log(te0El);
	te0El.style.flexGrow = te0El.style.flexGrow == 1 ? 88 : 1;
}
</script>

<style scoped lang="scss">
.music_display_body {
	width: 600px;
	height: 200px;

	margin: auto;

	overflow: hidden;

	display: flex;
	justify-content: space-around;
	align-items: center;

	background-color: rgba(66, 145, 89, 1);
}
.test {
	height: 100px;
	background-color: rgba(0, 0, 0, 1);
}
.test1 {
	height: 100px;
	background-color: rgba(0, 0, 255, 1);
}
</style>
